<!DOCTYPE html>
<html>
<head>

 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
 <link rel="stylesheet" type="text/css" href="css/wheretogo.css">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

</head>
<body>

<div class="bg">
    <!--NAVBAR SECTION................ -->
<nav class="navbar navbar-expand-lg bg-purple  fixed-top">
  <a class="navbar-brand" href="index.html">ALLAHABAD</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto navbar-right">
      <li class="nav-item ">
        <a class="nav-link" href="experiencesangam.html">EXPERIENCE SANGAM</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="wheretogo.html">WHERE TO GO</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="wheretostay.html">HOW TO GO</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="planyourtrip.html">PLAN YOUR TRIP</a>
      </li>
      
        
      <li class="nav-item">
        <a class="nav-link " href="contactus.html">CONTACT US</a>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="search" placeholder=" Google search" aria-label="Search">
        <button class="btn btn-outline-warning " type="submit">Search</button>
  </form>
    
  </div>
</nav>    
<!--  NAVBAR ENDS............................... -->
<!--ICON BAR STARTS -->
<div class="icon-bar">
  <a class="active" href="#index.html><i class="fa fa-home"></i></a> 
  <a href="https://www.google.com"><i class="fa fa-search"></i></a> 
  <a href="#"><i class="fa fa-envelope"></i></a> 
  <a href="#"><i class="fa fa-globe"></i></a>
  <a href="#"><i class="fa fa-trash"></i></a> 
</div>
<!--ICON BAR ENDS -->
<!--SIDE NAV BAR BEGINS -->
<div class="sidenav">
  <a href="experiencesangam.html">History</a>
  <a href="https://www.trivago.in">Hotel Booking</a>
  <a href="https://www.bharattaxi.com/allahabad">Taxi Booking</a>
  <a href="https://www.makemytrip.com/flights">Flight Booking</a>
  <a href="wheretogo.html">Image Gallery</a>
  <a href="https://www.zomato.com/allahabad">Restaurents</a>
   <a href="https://www.lybrate.com/allahabad/doctors-for-emergency-24h/allahabad-allahabad">Emergency</a>
</div>
<!--SIDE NAV BAR ENDS -->


<!---..IMAGE BLOCK WISE ...................................... --->
<div class="container text-center">
    <h1 id="wtg">WHERE TO GO</h1>
    <div class="row">
        <div class="col-lg-4">
            <div class="contain">
            <img src="https://image3.mouthshut.com/images/imagesp/925752758s.jpg" alt="Avatar" class="image" width="100%">
            <div class="overlay">
            <div class="textus"><h3>Arail Ghat..</h3></div>
            </div>
            </div>
        </div>
      
        <div class="col-lg-4">
             <div class="contain">
            <img src="https://image3.mouthshut.com/images/imagesp/925752760s.jpg" alt="Avatar" class="image" width="100%">
            <div class="overlay">
            <div class="textus"><h3>JAWAHARLAL NEHRU RESEIDENT...</h3></div>
            </div>
            </div>
            
        </div>
        <div class="col-lg-4">
             <div class="contain">
            <img src="http://static.indianexpress.com/pic/uploadedImages/bigImages/B_Id_343828_Ganga_aarti.jpg" width="100%">
            <div class="overlay">
            <div class="textus">SANGAM AARTI....</div>
            </div>
            </div>
            
        </div>
        <div class="col-lg-4">
             <div class="contain">
            <img src="http://static.indianexpress.com/pic/uploadedImages/bigImages/B_Id_343837_Boats_.jpg" alt="Avatar" class="image" width="100%">
            <div class="overlay">
            <div class="textus">GANGA AT GLANCE AT NIGHT....</div>
            </div>
            </div>
            
        </div>
        <div class="col-lg-4">
             <div class="contain">
            <img src="https://www.masterbuilder.co.in/wp-content/uploads/2016/12/iisc-640x411.gif" alt="Avatar" class="image" width="100%">
            <div class="overlay">
            <div class="textus">SAINT CATHEDRAL CHURCH</div>
            </div>
            </div>
            
        </div>
        <div class="col-lg-4">
             <div class="contain">
            <img src="http://static.indianexpress.com/pic/uploadedImages/bigImages/B_Id_343819_Pantoon_bridges.jpg" alt="Avatar" class="image" width="100%">
            <div class="overlay">
            <div class="textus">SHASTRI BRIDGE..THE BRIDGE THAT CONNECTS ALLAHABD TO ARAIL..</div>
            </div>
            </div>
            
        </div>
        
    </div>
</div>







</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>
